<!--
- [ ] parent task
        - [ ] grandchild task 1
        - [ ] grandchild task 2
        - [ ] grandchild task 3
-->

<div>
  <ul class="contains-task-list plugin-tasks-query-result tasks-layout-hide-urgency">
    <li
      class="task-list-item plugin-tasks-list-item"
      data-task-priority="normal"
      data-task=""
      data-line="0"
      data-task-status-name="Todo"
      data-task-status-type="TODO">
      <input class="task-list-item-checkbox" type="checkbox" title="Right-click for options" data-line="0" />
      <span class="tasks-list-text">
        <span class="task-description"><span>grandchild task 1</span></span>
      </span>
      <span class="task-extras">
        <span class="tasks-backlink">
          (
          <a rel="noopener" target="_blank" class="internal-link">inheritance_task_2listitem_3task</a>
          )
        </span>
        <a class="tasks-edit" title="Edit task" href="#"></a>
      </span>
    </li>
    <li
      class="task-list-item plugin-tasks-list-item"
      data-task-priority="normal"
      data-task=""
      data-line="1"
      data-task-status-name="Todo"
      data-task-status-type="TODO">
      <input class="task-list-item-checkbox" type="checkbox" title="Right-click for options" data-line="1" />
      <span class="tasks-list-text">
        <span class="task-description"><span>grandchild task 2</span></span>
      </span>
      <span class="task-extras">
        <span class="tasks-backlink">
          (
          <a rel="noopener" target="_blank" class="internal-link">inheritance_task_2listitem_3task</a>
          )
        </span>
        <a class="tasks-edit" title="Edit task" href="#"></a>
      </span>
    </li>
    <li
      class="task-list-item plugin-tasks-list-item"
      data-task-priority="normal"
      data-task=""
      data-line="2"
      data-task-status-name="Todo"
      data-task-status-type="TODO">
      <input class="task-list-item-checkbox" type="checkbox" title="Right-click for options" data-line="2" />
      <span class="tasks-list-text">
        <span class="task-description"><span>grandchild task 3</span></span>
      </span>
      <span class="task-extras">
        <span class="tasks-backlink">
          (
          <a rel="noopener" target="_blank" class="internal-link">inheritance_task_2listitem_3task</a>
          )
        </span>
        <a class="tasks-edit" title="Edit task" href="#"></a>
      </span>
    </li>
  </ul>
  <div class="task-count">3 tasks</div>
</div>
